<template>
	<div class="demo">
		<h1>{{ msg.titl }}</h1>
		<router-link to="/demo">{{ msg.msg + "第一" }}&nbsp;</router-link>
    <router-link to="/demo/six">{{ msg.msg + "第二" }}&nbsp;</router-link>
    <router-link to="/demo/seven">{{ msg.msg + "第三" }}&nbsp;</router-link>
    <router-link to="/demo/eight">{{ msg.msg + "第四" }}</router-link>
		<router-view></router-view>
	</div>
</template>

<script>
export default {
  name: 'demo',
  data () {
    return {
      msg: {
        titl: '这是测试页面2',
        msg: '嵌套2'
      }
    }
  }
}
</script>

<style scoped>
/*demo页面的样式*/
h1 {
  font-weight: normal;
}
a {
  color: #42b983;
  text-decoration: none;
}
</style>
